<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>异步</title>
</head>
<body>
服务器消息： <span></span><br>
<button type="button" onclick="function1()">获取消息</button>
<script type="text/javascript">
    function function1() {
        /* 1. 初始化对象 */
        let xhr = new XMLHttpRequest();
        /* 2. 创建请求 */
        xhr.open('get', './../asset/data.txt', true);    /* 异步请求 */
        /* 3. 发送请求 */
        xhr.send();
        /* 4. 处理响应 */
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) { /* readyState为4表示服务器正常，status为200说明状态正常 */
                document.querySelector('span').innerHTML = xhr.responseText;
            }
        }
    }
</script>
</body>
</html>